<template>
  <div class="description">
    <div v-show="getCallConfigFlag">
      <div class="warn">
        {{$t('channelsettings.tip1')}}
      </div>
      <div class="flow-chart margin">
        <img src="../../../../../assets/img/callDescription.png">
      </div>
    </div>
    <apply-to-config v-show="!getCallConfigFlag"></apply-to-config>
  </div>
</template>
<script>
  import ApplyToConfig from './ApplyToConfig.vue'
  import Affix from '../../../../ui-modules/affix/Affix.vue'
  export default {
    name: 'description',
    data () {
      return {
      }
    },
    components: {
      Affix,
      ApplyToConfig
    },
    computed: {
      getCallConfigFlag () {
        let localFlag = window.sessionStorage.getItem('ucenterLoginFlag') || 'no'
        if (localFlag === 'yes' || this.$store.state.session.user.type === 'admin' || this.$store.state.oemObj.oemFlag) {
          return true
        }
        return this.$store.state.isNormalCallConfig
      }
    }
  }
</script>
<style lang="stylus" scoped>
  @import "../../../../../assets/common.styl"
  .description
    padding 15px 15px 30px 15px
    height calc(100vh - 135px)
    overflow-y auto
    .margin
      margin-bottom 60px
    .flow-chart
      width 596px
      margin 0 auto 60px
      text-align center
      img
        max-width 100%
        height auto
</style>




















